﻿<!DOCTYPE html>

<html lang="zh-cn">

<head>
    <meta charset="utf-8" />
    <title>在线LaTeX公式编辑器-用户信息</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="always" name="referrer" />
    <meta name="description"
        content="识别图片中的公式！免费的在线LaTeX公式编辑器。支持导出svg、超大png、jpg、MathML、SVGCode。可以打出任何公式，不只是数学！支持物理physics、化学mhchem、unicode等常用扩展宏包加载。即时渲染，基于MathJax实现。" />
    <meta name="keywords" content="在线LaTeX,LaTeX公式编辑器,公式识别,公式编辑器,LaTeX公式识别,数学公式,LaTeX公式编辑,数学公式编辑,数学公式编辑器,妈叔,在线公式编辑" />
    <meta name="author" content="PandaHero, yuetao_1011@outlook.com" />
    <meta name="copyright" content="妈咪说（北京）科技传媒有限公司,熊猫大侠" />
    <meta name="renderer" content="webkit" />
    <meta name="robots" content="all" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- #region icon -->
    <link rel="shortcut icon"
        href=""
        type="image/x-icon">
    <!-- #endregion -->
    <script src="../js/common/config.js" id="common_config" data-pagetype="personal"></script>
    <script src="../js/common/common_05.js" id="common_05"></script>
    <script src="../js/common/common_10.js" id="common_10"></script>
</head>

<body>
    <script src="../js/common/common_20.js" id="common_20"></script>
    <script src="../js/common/common_30.js" id="common_30"></script>

    <!-- #region page -->
    <div class="container">
        <div class="personal-form">
            <!-- 头像 -->
            <div class="form-group row">
                <label for="img-personal-portrait" class="col-sm-2 col-form-label lb-blod">头像</label>
                <div class="col-auto wrap-personal-portrait">
                    <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/mask1.png"
                        class="personal-portrait" id="mask-opacity-portrait">
                    <div id="word-mask-portrait">更换头像</div>
                    <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/mask.png" class="personal-portrait"
                        id="mask-portrait">
                    <img src="" class="personal-portrait" id="img-personal-portrait">
                </div>
            </div>
            <div class="collapse" id="togglewrap-portrait">
                <div class="card card-body wrap-wrap-default-portrait">
                    <div class="wrap-default-portrait">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default0.jpg"
                            id="img-default-portrait-0">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default1.jpg"
                            id="img-default-portrait-1">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default2.jpg"
                            id="img-default-portrait-2">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default3.jpg"
                            id="img-default-portrait-3">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default4.jpg"
                            id="img-default-portrait-4">
                    </div>
                    <div class="wrap-default-portrait">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default5.jpg"
                            id="img-default-portrait-5">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default6.jpg"
                            id="img-default-portrait-6">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default7.jpg"
                            id="img-default-portrait-7">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default8.jpg"
                            id="img-default-portrait-8">
                        <img src="https://latexlive-portrait.oss-cn-beijing.aliyuncs.com/default9.jpg"
                            id="img-default-portrait-9">

                    </div>
                    <div class="">
                        <div class="fright a-info-editor"><a href="##" id="a_canceledit_portrait">取消</a></div>
                        <div class="fright a-info-editor"><a href="##" id="a_saveedit_portrait">提交修改</a></div>

                    </div>
                </div>
            </div>
            <!-- 昵称 -->
            <div class="form-group row">
                <label for="input-personal-nickname" class="col-sm-2 col-form-label lb-blod">昵称</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext modifyable" id="input-personal-nickname"
                        value="">
                    <div class="errinfo-login" id="errinfo_nickname">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_editor_nickname">修改</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_saveedit_nickname">提交修改</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_canceledit_nickname">取消</a></div>
            </div>
            <!-- 用户名 -->
            <div class="form-group row">
                <label for="input-personal-username" class="col-sm-2 col-form-label lb-blod">用户名</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext" id="input-personal-username" value="">
                    <div class="errinfo-login" id="errinfo_username">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_editor_username">修改</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_saveedit_username">提交修改</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_canceledit_username">取消</a></div>
            </div>
            <!-- 密码 -->
            <div class="form-group row">
                <label for="input-personal-password" class="col-sm-2 col-form-label lb-blod">密码</label>
                <div class="col-auto">
                    <input type="password" readonly class="form-control-plaintext modifyable" id="input-personal-password"
                        value="********">
                    <div class="errinfo-login" id="errinfo_password">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_editor_password">修改</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_saveedit_password">提交修改</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_canceledit_password">取消</a></div>
            </div>
            <!-- 手机号 -->
            <div class="form-group row">
                <label for="input-personal-tel" class="col-sm-2 col-form-label lb-blod">手机号</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext modifyable" id="input-personal-tel"
                        value="">
                    <div class="errinfo-login" id="errinfo_tel">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_bind_tel">绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_unbind_tel">解绑</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_saveedit_tel">提交绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_cancelbind_tel">取消</a></div>
            </div>
            <!-- 邮箱 -->
            <div class="form-group row">
                <label for="input-personal-mail" class="col-sm-2 col-form-label lb-blod">邮箱</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext modifyable" id="input-personal-mail"
                        value="">
                    <div class="errinfo-login" id="errinfo_mail">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_bind_mail">绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_unbind_mail">解绑</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_saveedit_mail">提交绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_cancelbind_mail">取消</a></div>
            </div>
            <!-- 微信  -->
            <div class="form-group row">
                <label for="input-personal-wechat" class="col-sm-2 col-form-label lb-blod">微信</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext modifyable" id="input-personal-wechat"
                        value="">
                    <div class="errinfo-login" id="errinfo_wechat">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_bind_wechat">绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_unbind_wechat">解绑</a></div>
            </div>
            <!-- QQ -->
            <div class="form-group row" style="display: none;">
                <label for="input-personal-qq" class="col-sm-2 col-form-label lb-blod">QQ</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext modifyable" id="input-personal-qq"
                        value="">
                    <div class="errinfo-login" id="errinfo_qq">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_bind_qq">绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_unbind_qq">解绑</a></div>
            </div>
            <!-- 微博 -->
            <div class="form-group row" style="display: none;">
                <label for="input-personal-weibo" class="col-sm-2 col-form-label lb-blod">微博</label>
                <div class="col-auto">
                    <input type="text" readonly class="form-control-plaintext modifyable" id="input-personal-weibo"
                        value="">
                    <div class="errinfo-login" id="errinfo_weibo">错误信息</div>
                </div>
                <div class="col-auto a-info-editor"><a href="##" id="a_bind_weibo">绑定</a></div>
                <div class="col-auto a-info-editor"><a href="##" id="a_unbind_weibo">解绑</a></div>
            </div>
            <hr>
            <div class="form-group row">
                <label for="input-personal-mathpixtime" class="col-sm-3 col-form-label lb-blod">今日图片识别剩余<span id="span-mathpixtime"></span>次</label>
                <div class="col-sm-9 wrap-progress">
                    <div class="progress">
                        <div class="progress-bar" id="progress-bar-remain" style="width: 15%;"></div>
                        <div class="progress-bar bg-light" id="progress-bar-max" style="width: 25%;"></div>
                        <div class="progress-bar bg-success" id="progress-bar-private" style="width: 35%;"></div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="form-group row" style="display: none;">
                <div class="wrap-modifybutton">
                    <button class="btn btn-danger" id="btn-cancel">注销账号</button>
                </div>
            </div>
            <br><br><br><br><br><br><br><br>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="modal-messagecode" tabindex="-1" data-backdrop="static">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">为了您的信息安全，请验证身份</h5>
                        <button type="button" class="close" data-dismiss="modal" id="modal-close-messagecode">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="c" id="wrap_messagecode">
                        <div class="form-group wrap-messagecode-update">
                            <div class="form-row">
                                <div class="form-group col-6">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text awefont-pic"><i class="fa fa-comment"></i>
                                            </div>
                                        </div>
                                        <input type="number" class="form-control" id="input_messagecode"
                                            placeholder="短信中6位数字" maxlength="6">
                                    </div>
                                    <div class="errinfo-login" id="errinfo_messagecode">错误信息</div>
                                </div>
                                <div class="form-group col-6">
                                    <button class="btn btn-light btn-block" id="btn_send_messagecode">获取验证码</button>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-12">
                                    <button class="btn btn-primary btn-block" id="btn_update_submit">确认修改</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- #endregion -->

    <script src="../js/common/common_40.js" id="common_40"></script>
    <script src="../js/common/common_50.js" id="common_50"></script>

</body>

</html>